<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>京东</title>
		<style type="text/css">
			header{
				width: 990px;
				height: 60px;
				background-color: white;
				margin: 0px auto;
				background-image: url(img/logo.png);
				background-repeat: no-repeat;
				
				
			}
			h3{
				text-indent: 10em;
				float: left;
			}
			div{
				width: 990px;
				height: 500px;
				background-image: url(img/banner.png);
				background-repeat: no-repeat;
				background-size: auto;
				margin: 0px auto;
			}
			nav{
				width: 230px;
				border: 1px solid white;
				margin-top: 100px;
				margin-right: 150px;
				padding-left: 15px;
				padding-right: 15px;
				float: right;
				background-color: white;
			}
			#q{
				float: right;
				margin-top: 3px;
				background-image: url(img/icon5.jpg);
				background-repeat: no-repeat;
				text-indent: 1em;
			}
			img{
				text-align: center;
				vertical-align: middle;
			}
			#aa{
				float: right;
				font-size: 15px;
			}
			#a{
				font-size: 15px;
				float: left;
			}
			#dl{
				background-color: red;
				background-size: 50px 50px;
				text-align: center;
			}
			footer{
				text-align: center;
			}
		</style>
	</head>
	
	<body>
		<header>
		<h3>欢迎登录</h3>
	</header>
		<div id="">
			<nav>
				<strong>京东会员</strong><span id="q">立即注册</span>
				
					<form action="" method="post">
						<p><img src="img/icon1.jpg"/><input type="text" value="" placeholder="邮箱/用户名/已验证手机"/></p>
						<p><img src="img/icon2.jpg"/><input type="password" value="" /></p>
						<input type="checkbox" value="" id="a" />自动登陆<span id="aa">忘记密码？</span>
						<p id="dl">登陆</p>
					</form>
					
					
				
			</nav>

	</div>
	<footer>
		<a href="#">关于我们| 联系我们| 人才招聘| 商家入驻| 广告服务| 手机京东| 友情链接| 销售联盟| 京东社区| 京东公益| English Site<br />
Copyright?2004-2017 京东JD.com 版权所有</a>
		
	</footer>
	

	</body>
</html>
